Telegram Group Search
🟣 Подборка материалов по рендерингу в браузере

Собрали свежие статьи, руководства и доклады, которые помогут вам глубже понять, как работает рендеринг в браузере и как оптимизировать этот процесс для повышения производительности.

➡️ Как работает критический путь рендеринга — введение в этапы рендеринга и оптимизацию производительности

➡️ The Rendering Pipeline | WebGPU — видеообзор рендеринга с использованием WebGPU

➡️ Demystifying Browser Rendering — подробное руководство по этапам рендеринга и оптимизации производительности

➡️ Критические этапы рендеринга: обзор ключевых этапов, таких как построение DOM, CSSOM и Render Tree, а также методов их оптимизации

➡️ Понятно про браузер: критические этапы рендеринга, аппаратное ускорение и оптимизации

🐸 Библиотека фронтендера

#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
Вакансии «Библиотеки программиста»

Привет! Мы ищем контент-менеджеров, которые будут вести наши телеграм-каналы о разработке.

👾 Требования:
— знать принципы залетающего контента
— разбираться в темах, связанных с разработкой

Большим плюсом будет навык программирования на каких-либо языках.

Условия:
— удаленка
— частичная занятость
— сдельная оплата в зависимости от количества задач

🔥 Оставляйте отклик, и мы свяжемся с вами: https://forms.gle/o4BZnsQ526JoqsCq9
Как браузер поймёт, что нужно перезапросить ресурс

Представьте: пользователь зашёл на сайт, ресурс уже был в кэше. Но браузер решил проверить, не обновился ли он на сервере. Какой заголовок участвует именно в этом механизме?

Подсказка — в ответе сервера на картинке. Опрос — в следующем посте. 🔜

🐸 Библиотека фронтендера

#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
Какой заголовок браузер использует при повторном запросе, чтобы проверить, изменился ли ресурс?
Anonymous Quiz
54%
Cache-Control
21%
ETag
15%
Expires
9%
Content-Type
😳 Топ-вакансий для фронтендеров за неделю

JavaScript/Typescript fullstack разработчик — 180 000 - 200 000 ₽, удаленно (Москва)

Разработчик UI-систем в микросервисной архитектуре FX Front — от 150 000 ₽, офис/гибрид (Москва)

Frontend-разработчик — удаленно (Москва)

Frontend JavaScript/TypeScript Разработчик — 200 000₽, удаленно/гибрид (Москва)

Frontend Developer — от 250 000 ₽, удаленно (Москва)

➡️ Еще больше топовых вакансий — в нашем канале Javascript jobs

🐸 Библиотека фронтендера

#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
😏 Как не продолбать возможности на первой работе в IT?

Отвечает админ канала @strfrontend — он начинал свой путь фронтенд-разработчика в маленьком научно-проектном центре, а сейчас дошел до СберТеха. Есть, чему поучится.

А что бы вы посоветовали новичкам в IT? Делитесь в комментариях 👇
😡 А вас тоже бесят облачные сервисы?

Согласитесь, статус отношений с облаками — все сложно. Но что, если можно изменить правила игры?

Мы готовим нечто особенное в мире облачных технологий, но сначала хотим услышать правду от тех, кто реально работает с облаками каждый день.

Что мы хотим узнать:
— Для чего вы реально используете облако?
— Чего катастрофически не хватает прямо сейчас?
— Что бесит больше всего? (можно материться)
— Как выбираете провайдера — по цене или по любви?
— и тому подобное

По результатам опроса мы подготовим исследование без маркетингового мусора и вы узнаете, как обстоят дела у коллег.

️Время на опрос: меньше, чем на кофе-брейк. Жмите → https://clc.to/nboYDA
📌 Шпаргалка по использованию useState в React

Содержит основные приёмы обновления состояния, включая работу с объектами, массивами и использованием предыдущего состояния.

🐸 Библиотека фронтендера

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🕰️ Temporal API: как работать с датами и временем по-новому

В первой части мы разобрали, почему старый Date — это баг на баге, и чем Temporal его превосходит.

Теперь — конкретика: примеры, как использовать его в коде:

➡️ Что такое PlainDate, PlainTime, PlainDateTime — и зачем они нужны

➡️ Как Temporal помогает работать с часовыми поясами и точными моментами (ZonedDateTime, Instant)

➡️ Как измерять и складывать интервалы времени через Duration

➡️ И как использовать разные календарные системы — не только ISO

🔗 Полный текст — по ссылке

🐸 Библиотека фронтендера
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔧 Как настроить Service Worker для офлайн-режима

Service Worker — это JS-скрипт, работающий в фоне. Он позволяет кэшировать ресурсы и обслуживать запросы без подключения к сети.

Почему важно:

🎱 Доступ к сайту без интернета

🎱 Быстрая загрузка повторно посещаемых страниц

🎱 Гибкий контроль над кэшированием

Как внедрить:

1. Регистрируем Service Worker:

if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js')
.then(() => console.log('SW зарегистрирован'))
.catch(err => console.error('SW ошибка:', err));
}


2. Создаем sw.js:

const CACHE_NAME = 'app-cache-v1';
const urlsToCache = ['/', '/index.html', '/styles.css'];

self.addEventListener('install', event => {
event.waitUntil(
caches.open(CACHE_NAME).then(cache => cache.addAll(urlsToCache))
);
});


3. Обслуживаем запросы:

self.addEventListener('fetch', event => {
event.respondWith(
caches.match(event.request)
.then(response => response || fetch(event.request))
);
});


4. Обновляем кэш при необходимости:

self.addEventListener('activate', event => {
event.waitUntil(
caches.keys().then(keys =>
Promise.all(keys.filter(key => key !== CACHE_NAME).map(key => caches.delete(key)))
)
);
});


💡 С помощью Service Worker можно создавать PWA, ускорять загрузку и обеспечить стабильную работу в нестабильных сетях.

🐸 Библиотека фронтендера

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2025/06/11 09:59:22
Back to Top
HTML Embed Code: